﻿<!DOCTYPE html>
<html>
  <head>
    <title>三色LED</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/三色led/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/三色led/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u814" class="ax_default _一级标题">
        <div id="u814_div" class=""></div>
        <div id="u814_text" class="text ">
          <p><span>所需硬件：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u815" class="ax_default _一级标题">
        <div id="u815_div" class=""></div>
        <div id="u815_text" class="text ">
          <p><span>硬件接线：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u816" class="ax_default" data-left="50" data-top="119" data-width="78" data-height="99">

        <!-- Unnamed (矩形) -->
        <div id="u817" class="ax_default box_1">
          <div id="u817_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u818" class="ax_default" data-left="78" data-top="132" data-width="20" data-height="30">

          <!-- Unnamed (椭圆形) -->
          <div id="u819" class="ax_default ellipse">
            <img id="u819_img" class="img " src="images/三色led/u819.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u820" class="ax_default box_1">
            <div id="u820_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u821" class="ax_default box_1">
            <div id="u821_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u822" class="ax_default box_1">
          <div id="u822_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u823" class="ax_default box_1">
          <div id="u823_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u824" class="ax_default box_1">
          <div id="u824_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u825" class="ax_default box_1">
          <div id="u825_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u826" class="ax_default label">
          <div id="u826_div" class=""></div>
          <div id="u826_text" class="text ">
            <p><span>R</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u827" class="ax_default label">
          <div id="u827_div" class=""></div>
          <div id="u827_text" class="text ">
            <p><span>G</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u828" class="ax_default label">
          <div id="u828_div" class=""></div>
          <div id="u828_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u829" class="ax_default label">
          <div id="u829_div" class=""></div>
          <div id="u829_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u830" class="ax_default ellipse">
          <img id="u830_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u831" class="ax_default ellipse">
          <img id="u831_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u832" class="ax_default line">
          <img id="u832_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u833" class="ax_default line">
          <img id="u833_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u834" class="ax_default line">
          <img id="u834_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u835" class="ax_default line">
          <img id="u835_img" class="img " src="images/三色led/u832.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u836" class="ax_default label">
        <div id="u836_div" class=""></div>
        <div id="u836_text" class="text ">
          <p><span>3色LED</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u837" class="ax_default" data-left="80" data-top="394" data-width="78" data-height="99">

        <!-- Unnamed (矩形) -->
        <div id="u838" class="ax_default box_1">
          <div id="u838_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u839" class="ax_default" data-left="108" data-top="407" data-width="20" data-height="30">

          <!-- Unnamed (椭圆形) -->
          <div id="u840" class="ax_default ellipse">
            <img id="u840_img" class="img " src="images/三色led/u819.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u841" class="ax_default box_1">
            <div id="u841_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u842" class="ax_default box_1">
            <div id="u842_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u843" class="ax_default box_1">
          <div id="u843_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u844" class="ax_default box_1">
          <div id="u844_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u845" class="ax_default box_1">
          <div id="u845_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u846" class="ax_default box_1">
          <div id="u846_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u847" class="ax_default label">
          <div id="u847_div" class=""></div>
          <div id="u847_text" class="text ">
            <p><span>R</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u848" class="ax_default label">
          <div id="u848_div" class=""></div>
          <div id="u848_text" class="text ">
            <p><span>G</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u849" class="ax_default label">
          <div id="u849_div" class=""></div>
          <div id="u849_text" class="text ">
            <p><span>B</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u850" class="ax_default label">
          <div id="u850_div" class=""></div>
          <div id="u850_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u851" class="ax_default ellipse">
          <img id="u851_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u852" class="ax_default ellipse">
          <img id="u852_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u853" class="ax_default line">
          <img id="u853_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u854" class="ax_default line">
          <img id="u854_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u855" class="ax_default line">
          <img id="u855_img" class="img " src="images/三色led/u832.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u856" class="ax_default line">
          <img id="u856_img" class="img " src="images/三色led/u832.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u857" class="ax_default _一级标题">
        <div id="u857_div" class=""></div>
        <div id="u857_text" class="text ">
          <p><span>示例代码1：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u858" class="ax_default _文本段落">
        <div id="u858_div" class=""></div>
        <div id="u858_text" class="text ">
          <p><span>#define LED_R 6 </span></p><p><span>#define LED_G 5</span></p><p><span>#define LED_B 3</span></p><p><span>&nbsp;&nbsp;&nbsp; </span></p><p><span>void setup() {</span></p><p><span>&nbsp; pinMode(LED_R, OUTPUT);</span></p><p><span>&nbsp; pinMode(LED_G, OUTPUT);</span></p><p><span>&nbsp; pinMode(LED_B, OUTPUT);</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop() {</span></p><p><span>&nbsp; digitalWrite(LED_R, LOW);</span></p><p><span>&nbsp; digitalWrite(LED_G, LOW);</span></p><p><span>&nbsp; digitalWrite(LED_B, LOW);</span></p><p><span>&nbsp; delay(2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 延迟2秒</span></p><p><span>&nbsp; </span></p><p><span>&nbsp; digitalWrite(LED_R, HIGH);&nbsp; //亮白光</span></p><p><span>&nbsp; digitalWrite(LED_G, HIGH);</span></p><p><span>&nbsp; digitalWrite(LED_B, HIGH);</span></p><p><span>&nbsp; delay(2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 延迟2秒</span></p><p><span><br></span></p><p><span>&nbsp; digitalWrite(LED_R, HIGH);&nbsp; //亮红光</span></p><p><span>&nbsp; digitalWrite(LED_G, LOW);</span></p><p><span>&nbsp; digitalWrite(LED_B, LOW);</span></p><p><span>&nbsp; delay(2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 延迟2秒</span></p><p><span><br></span></p><p><span>&nbsp; digitalWrite(LED_R, LOW);&nbsp; //亮绿光</span></p><p><span>&nbsp; digitalWrite(LED_G, HIGH);</span></p><p><span>&nbsp; digitalWrite(LED_B, LOW);</span></p><p><span>&nbsp; delay(2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 延迟2秒</span></p><p><span>&nbsp; </span></p><p><span>&nbsp; digitalWrite(LED_R, LOW);&nbsp; //亮蓝光</span></p><p><span>&nbsp; digitalWrite(LED_G, LOW);</span></p><p><span>&nbsp; digitalWrite(LED_B, HIGH);</span></p><p><span>&nbsp; delay(2000);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // 延迟2秒</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u859" class="ax_default _一级标题">
        <div id="u859_div" class=""></div>
        <div id="u859_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u860" class="ax_default label">
        <div id="u860_div" class=""></div>
        <div id="u860_text" class="text ">
          <p><span>灯亮间隔1秒亮一次，每次持续1秒。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u861" class="ax_default _一级标题">
        <div id="u861_div" class=""></div>
        <div id="u861_text" class="text ">
          <p><span>示例代码2（PMW控制灯光亮度）：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u862" class="ax_default _文本段落">
        <div id="u862_div" class=""></div>
        <div id="u862_text" class="text ">
          <p><span>#define PIN_R 6 </span></p><p><span>#define PIN_G 5</span></p><p><span>#define PIN_B 3</span></p><p><span>#define INTERVAL 10 //亮度持续时间</span></p><p><span><br></span></p><p><span>void setup(){ </span></p><p><span>&nbsp; pinMode(PIN_R,OUTPUT); //设置引脚模式</span></p><p><span>&nbsp; pinMode(PIN_G,OUTPUT);</span></p><p><span>&nbsp; pinMode(PIN_B,OUTPUT);</span></p><p><span>&nbsp; analogWrite(PIN_R,0); </span></p><p><span>&nbsp; analogWrite(PIN_G,0);</span></p><p><span>&nbsp; analogWrite(PIN_B,0);</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop() {</span></p><p><span>&nbsp; //红色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,val); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //红色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //绿色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //绿色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,val); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,0);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //蓝色逐渐变亮 </span></p><p><span>&nbsp; for(int val=0; val&lt;255; val++){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0); //给指定引脚写入数据</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,val);</span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>&nbsp; //蓝色逐渐变暗 </span></p><p><span>&nbsp; for(int val=254; val&gt;=0; val--){ </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_R,0);</span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_G,0); </span></p><p><span>&nbsp;&nbsp;&nbsp; analogWrite(PIN_B,val);&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; delay(INTERVAL); </span></p><p><span>&nbsp; }</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u863" class="ax_default _一级标题">
        <div id="u863_div" class=""></div>
        <div id="u863_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u864" class="ax_default label">
        <div id="u864_div" class=""></div>
        <div id="u864_text" class="text ">
          <p><span>红绿蓝三种颜色依次明灭</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u865" class="ax_default" data-left="288" data-top="361" data-width="283" data-height="391">

        <!-- Unnamed (矩形) -->
        <div id="u866" class="ax_default box_1">
          <div id="u866_div" class=""></div>
          <div id="u866_text" class="text ">
            <p><span>Arduino </span></p><p><span>UNO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u867" class="ax_default box_1">
          <div id="u867_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u868" class="ax_default box_1">
          <div id="u868_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u869" class="ax_default box_1">
          <div id="u869_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u870" class="ax_default box_1">
          <div id="u870_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u871" class="ax_default box_1">
          <div id="u871_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u872" class="ax_default box_1">
          <div id="u872_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u873" class="ax_default box_1">
          <div id="u873_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u874" class="ax_default box_1">
          <div id="u874_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u875" class="ax_default label">
          <div id="u875_div" class=""></div>
          <div id="u875_text" class="text ">
            <p><span>SCL</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u876" class="ax_default box_1">
          <div id="u876_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u877" class="ax_default label">
          <div id="u877_div" class=""></div>
          <div id="u877_text" class="text ">
            <p><span>SDA</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u878" class="ax_default box_1">
          <div id="u878_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u879" class="ax_default label">
          <div id="u879_div" class=""></div>
          <div id="u879_text" class="text ">
            <p><span>AREF</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u880" class="ax_default box_1">
          <div id="u880_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u881" class="ax_default label">
          <div id="u881_div" class=""></div>
          <div id="u881_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u882" class="ax_default box_1">
          <div id="u882_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u883" class="ax_default label">
          <div id="u883_div" class=""></div>
          <div id="u883_text" class="text ">
            <p><span>13</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u884" class="ax_default box_1">
          <div id="u884_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u885" class="ax_default label">
          <div id="u885_div" class=""></div>
          <div id="u885_text" class="text ">
            <p><span>12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u886" class="ax_default box_1">
          <div id="u886_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u887" class="ax_default label">
          <div id="u887_div" class=""></div>
          <div id="u887_text" class="text ">
            <p><span>~11</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u888" class="ax_default box_1">
          <div id="u888_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u889" class="ax_default label">
          <div id="u889_div" class=""></div>
          <div id="u889_text" class="text ">
            <p><span>~10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u890" class="ax_default box_1">
          <div id="u890_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u891" class="ax_default label">
          <div id="u891_div" class=""></div>
          <div id="u891_text" class="text ">
            <p><span>~9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u892" class="ax_default box_1">
          <div id="u892_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u893" class="ax_default label">
          <div id="u893_div" class=""></div>
          <div id="u893_text" class="text ">
            <p><span>8</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u894" class="ax_default box_1">
          <div id="u894_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u895" class="ax_default label">
          <div id="u895_div" class=""></div>
          <div id="u895_text" class="text ">
            <p><span>7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u896" class="ax_default box_1">
          <div id="u896_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u897" class="ax_default label">
          <div id="u897_div" class=""></div>
          <div id="u897_text" class="text ">
            <p><span>~6</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u898" class="ax_default box_1">
          <div id="u898_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u899" class="ax_default label">
          <div id="u899_div" class=""></div>
          <div id="u899_text" class="text ">
            <p><span>~5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u900" class="ax_default box_1">
          <div id="u900_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u901" class="ax_default label">
          <div id="u901_div" class=""></div>
          <div id="u901_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u902" class="ax_default box_1">
          <div id="u902_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u903" class="ax_default label">
          <div id="u903_div" class=""></div>
          <div id="u903_text" class="text ">
            <p><span>~3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u904" class="ax_default box_1">
          <div id="u904_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u905" class="ax_default label">
          <div id="u905_div" class=""></div>
          <div id="u905_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u906" class="ax_default box_1">
          <div id="u906_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u907" class="ax_default label">
          <div id="u907_div" class=""></div>
          <div id="u907_text" class="text ">
            <p style="font-size:7px;"><span style="font-size:10px;">TX</span><span>→</span><span style="font-size:10px;">1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u908" class="ax_default box_1">
          <div id="u908_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u909" class="ax_default label">
          <div id="u909_div" class=""></div>
          <div id="u909_text" class="text ">
            <p style="font-size:7px;"><span style="font-size:10px;">RX</span><span>→</span><span style="font-size:10px;">0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u910" class="ax_default label">
          <div id="u910_div" class=""></div>
          <div id="u910_text" class="text ">
            <p><span>NOT USED</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u911" class="ax_default box_1">
          <div id="u911_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u912" class="ax_default label">
          <div id="u912_div" class=""></div>
          <div id="u912_text" class="text ">
            <p><span>IOREF</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u913" class="ax_default box_1">
          <div id="u913_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u914" class="ax_default label">
          <div id="u914_div" class=""></div>
          <div id="u914_text" class="text ">
            <p><span>RESET</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u915" class="ax_default box_1">
          <div id="u915_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u916" class="ax_default label">
          <div id="u916_div" class=""></div>
          <div id="u916_text" class="text ">
            <p><span>3.3V</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u917" class="ax_default box_1">
          <div id="u917_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u918" class="ax_default label">
          <div id="u918_div" class=""></div>
          <div id="u918_text" class="text ">
            <p><span>5V</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u919" class="ax_default box_1">
          <div id="u919_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u920" class="ax_default label">
          <div id="u920_div" class=""></div>
          <div id="u920_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u921" class="ax_default box_1">
          <div id="u921_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u922" class="ax_default label">
          <div id="u922_div" class=""></div>
          <div id="u922_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u923" class="ax_default box_1">
          <div id="u923_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u924" class="ax_default label">
          <div id="u924_div" class=""></div>
          <div id="u924_text" class="text ">
            <p><span>VIN</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u925" class="ax_default box_1">
          <div id="u925_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u926" class="ax_default label">
          <div id="u926_div" class=""></div>
          <div id="u926_text" class="text ">
            <p><span>A0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u927" class="ax_default box_1">
          <div id="u927_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u928" class="ax_default label">
          <div id="u928_div" class=""></div>
          <div id="u928_text" class="text ">
            <p><span>A1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u929" class="ax_default box_1">
          <div id="u929_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u930" class="ax_default label">
          <div id="u930_div" class=""></div>
          <div id="u930_text" class="text ">
            <p><span>A2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u931" class="ax_default box_1">
          <div id="u931_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u932" class="ax_default label">
          <div id="u932_div" class=""></div>
          <div id="u932_text" class="text ">
            <p><span>A3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u933" class="ax_default box_1">
          <div id="u933_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u934" class="ax_default label">
          <div id="u934_div" class=""></div>
          <div id="u934_text" class="text ">
            <p><span>A4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u935" class="ax_default box_1">
          <div id="u935_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u936" class="ax_default label">
          <div id="u936_div" class=""></div>
          <div id="u936_text" class="text ">
            <p><span>A5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u937" class="ax_default box_1">
          <div id="u937_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u938" class="ax_default box_1">
          <div id="u938_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u939" class="ax_default ellipse">
          <img id="u939_img" class="img " src="images/四角开关/u137.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u940" class="ax_default ellipse">
          <img id="u940_img" class="img " src="images/四角开关/u137.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u941" class="ax_default box_1">
          <div id="u941_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u942" class="ax_default box_1">
          <div id="u942_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u943" class="ax_default ellipse">
          <img id="u943_img" class="img " src="images/四角开关/u141.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u944" class="ax_default ellipse">
          <img id="u944_img" class="img " src="images/四角开关/u141.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u945" class="ax_default box_1">
          <div id="u945_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u946" class="ax_default box_1">
          <div id="u946_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u947" class="ax_default box_1">
          <div id="u947_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u948" class="ax_default box_1">
          <div id="u948_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u949" class="ax_default box_1">
          <div id="u949_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u950" class="ax_default box_1">
          <div id="u950_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u951" class="ax_default box_1">
          <div id="u951_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u952" class="ax_default box_1">
          <div id="u952_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u953" class="ax_default ellipse">
          <img id="u953_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u954" class="ax_default ellipse">
          <img id="u954_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u955" class="ax_default ellipse">
          <img id="u955_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u956" class="ax_default ellipse">
          <img id="u956_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u957" class="ax_default box_1">
          <div id="u957_div" class=""></div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u958" class="ax_default line">
          <img id="u958_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u959" class="ax_default box_1">
          <div id="u959_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u960" class="ax_default box_1">
          <div id="u960_div" class=""></div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u961" class="ax_default line">
          <img id="u961_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u962" class="ax_default line">
          <img id="u962_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u963" class="ax_default box_1">
          <div id="u963_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u964" class="ax_default box_1">
          <div id="u964_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u965" class="ax_default line">
          <img id="u965_img" class="img " src="images/四角开关/u163.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u966" class="ax_default ellipse">
          <img id="u966_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u967" class="ax_default ellipse">
          <img id="u967_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u968" class="ax_default ellipse">
          <img id="u968_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u969" class="ax_default ellipse">
          <img id="u969_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u970" class="ax_default ellipse">
          <img id="u970_img" class="img " src="images/四角开关/u168.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u971" class="ax_default line">
          <img id="u971_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u972" class="ax_default line">
          <img id="u972_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u973" class="ax_default line">
          <img id="u973_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u974" class="ax_default line">
          <img id="u974_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u975" class="ax_default line">
          <img id="u975_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u976" class="ax_default line">
          <img id="u976_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u977" class="ax_default line">
          <img id="u977_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u978" class="ax_default line">
          <img id="u978_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u979" class="ax_default line">
          <img id="u979_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u980" class="ax_default line">
          <img id="u980_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u981" class="ax_default line">
          <img id="u981_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u982" class="ax_default line">
          <img id="u982_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u983" class="ax_default line">
          <img id="u983_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u984" class="ax_default line">
          <img id="u984_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u985" class="ax_default line">
          <img id="u985_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u986" class="ax_default line">
          <img id="u986_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u987" class="ax_default line">
          <img id="u987_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u988" class="ax_default line">
          <img id="u988_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u989" class="ax_default line">
          <img id="u989_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u990" class="ax_default line">
          <img id="u990_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u991" class="ax_default line">
          <img id="u991_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u992" class="ax_default line">
          <img id="u992_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u993" class="ax_default line">
          <img id="u993_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u994" class="ax_default line">
          <img id="u994_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u995" class="ax_default line">
          <img id="u995_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u996" class="ax_default line">
          <img id="u996_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u997" class="ax_default box_1">
          <div id="u997_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u998" class="ax_default box_1">
          <div id="u998_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u999" class="ax_default box_1">
          <div id="u999_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1000" class="ax_default _连接线">
        <img id="u1000_seg0" class="img " src="images/三色led/u1000_seg0.png" alt="u1000_seg0"/>
        <img id="u1000_seg1" class="img " src="images/三色led/u1000_seg1.png" alt="u1000_seg1"/>
        <img id="u1000_seg2" class="img " src="images/三色led/u1000_seg2.png" alt="u1000_seg2"/>
        <img id="u1000_seg3" class="img " src="images/三色led/u1000_seg3.png" alt="u1000_seg3"/>
        <div id="u1000_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1001" class="ax_default _连接线">
        <img id="u1001_seg0" class="img " src="images/三色led/u1001_seg0.png" alt="u1001_seg0"/>
        <img id="u1001_seg1" class="img " src="images/三色led/u1001_seg1.png" alt="u1001_seg1"/>
        <img id="u1001_seg2" class="img " src="images/三色led/u1001_seg2.png" alt="u1001_seg2"/>
        <img id="u1001_seg3" class="img " src="images/三色led/u1001_seg3.png" alt="u1001_seg3"/>
        <div id="u1001_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1002" class="ax_default _连接线">
        <img id="u1002_seg0" class="img " src="images/三色led/u1002_seg0.png" alt="u1002_seg0"/>
        <img id="u1002_seg1" class="img " src="images/三色led/u1002_seg1.png" alt="u1002_seg1"/>
        <img id="u1002_seg2" class="img " src="images/三色led/u1002_seg2.png" alt="u1002_seg2"/>
        <img id="u1002_seg3" class="img " src="images/三色led/u1002_seg3.png" alt="u1002_seg3"/>
        <div id="u1002_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1003" class="ax_default _连接线">
        <img id="u1003_seg0" class="img " src="images/三色led/u1003_seg0.png" alt="u1003_seg0"/>
        <img id="u1003_seg1" class="img " src="images/三色led/u1003_seg1.png" alt="u1003_seg1"/>
        <div id="u1003_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1004" class="ax_default _文本段落">
        <div id="u1004_div" class=""></div>
        <div id="u1004_text" class="text ">
          <p><span>arduino UNO引脚上带“~”的是支持PWM的引脚</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
